<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html>
<head>
    <link rel="stylesheet" href="${ctx}/statics/css/dataforms.css?v=${v}">
    <title>详细数据</title>
</head>
<body>

<!--条件筛选-->
<div class="filters">
    <blockquote class="layui-elem-quote">
        <form action="#" class="layui-form clearfix" lay-filter="search">
            <div class="layui-inline">
                <label class="layui-form-label">区域</label>
                <div class="layui-input-inline area-option-wrap">
<%--                    <select name="areaId" lay-filter="areaMenu" class="layui-bg-blue areaMenu w7b"></select>--%>
                <select name="areaId" xm-select="areaMenu" class="multi-area areaMenu w7b" xm-select-skin="normal" xm-select-height="38px" xm-select-show-count="1"></select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">设备类型</label>
                <div class="layui-input-inline">
                    <%--                    <select name="areaId" lay-filter="areaMenu" class="layui-bg-blue areaMenu w7b"></select>--%>
                    <select name="deviceTypeCode" lay-filter="typeMenu">
                        <option value="1">水表</option>
                        <option value="0">电表</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">设备</label>
                <div class="layui-input-inline dev-option-wrap">
                    <select name="meterCode" xm-select="select-meter" class="multi-meter meterMenu"
                            xm-select-skin="normal" xm-select-height="38px" xm-select-show-count="1"></select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">开始时间</label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" id="startTime" name="fromTime">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">结束时间</label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" id="endTime" name="toTime">
                </div>
            </div>
            <button class="layui-btn refreshBtn layui-hide" lay-submit lay-filter="search"></button>
        </form>
    </blockquote>
</div>
<section class="container-wrap">
    <div class="main-part">
        <!--表格-->
        <div class="excel" id="printcontent">
            <div class="excelwrap">
                <table id="reports" lay-filter="daTable"></table>
            </div>
        </div>
    </div>
    <div class="operate-btns">
        <button class="layui-btn layui-btn-primary layui-btn-lg searchBtn"><i class="layui-icon layui-icon-search"></i>查询</button>
        <button class="layui-btn layui-btn-primary layui-btn-lg exportBtn"><i class="layui-icon layui-icon-export"></i>导出</button>
        <button class="layui-btn layui-btn-primary layui-btn-lg printBtn"><i class="layui-icon layui-icon-print"></i>打印</button>
    </div>
</section>
<!--startprint-->
<div id="printContentBox" style="display: none;"></div>
<!--endprint-->
<script type="text/html" id="area-tpl">
<%--    <option value="ALL">ALL</option>--%>
    {{#  layui.each(d, function(index, item){ }}
    <option value="{{ item.areaId }}">{{ item.areaName }}</option>
    {{#  }); }}
</script>
<script type="text/html" id="meter-tpl">
    {{#  layui.each(d, function(index, item){ }}
    <option value="{{ item.meterCode }}">{{ item.anotherName }}</option>
    {{#  }); }}
</script>

<script src="${ctx}/statics/js/detailData.js?v=${v}"></script>
</body>
</html>
